<template>
  <div class="ele" @click="jump(data.id)">
    <img :src="data.good_img" />
    <h5>{{ data.good_brand }}</h5>
    <p>{{ data.good_desc }}</p>
    <p>¥{{ data.good_price }}</p>
  </div>
</template>

<script setup lang="ts">
import { defineProps } from "vue";
const { data,jump}: any = defineProps({ data: Array,jump:Function });
</script>

<style scoped lang="scss">
.ele {
  width: 50%;
  padding: 0 0.01rem;
  box-sizing: border-box;
  img {
    width: 100%;
  }
  h5 {
    text-align: center;
  }
  p {
    text-align: center;
    word-wrap: break-word;
    font-size: 0.16rem;
  }
}
</style>
